<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 引入vue的js文件-->
    <script src="../js/vue.js"></script>
</head>
<body>
<div id="app">
    <!-- 插值表达式 不会将值进行渲染 -->
    <p>{{info1}},VUE</p>
    <p>{{info2}}</p>

    <!-- v-text 不会将值进行渲染-->
    <p v-text="info1">,VUE</p>
    <p v-text="info2"></p>

    <!-- v-html 将值进行渲染-->
    <p v-html="info1"></p>
    <p v-html="info2"></p>
</div>

<script>
    let v = new Vue({
        el:"#app",
        data:{
            info1:"hello world",
            info2:"hi,<b>world</b>"
        }
    })
</script>

</body>
</html>